<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="renderer" content="webkit" />
<meta name="screen-orientation" content="portrait" />
<meta name="x5-orientation" content="portrait" />
<title>建筑装修装饰工程公司网站html模板首页 - 模板之家</title>
<link rel="stylesheet" type="text/css" th:href="@{/front/css/style.css}"/>
</head>
<body>
<div class="top clearfix">
	<a href="http://www.cssmoban.com/" target="_blank" class="logo fl"><img th:src="@{/front/img/logo.png}"/></a>
	<ul class="navbar clearfix fl">
		<li><a th:href="@{/}" class="navbarbottom">网站首页</a></li>
		<li><a th:href="@{/about}">关于我们</a></li>
		<li><a th:href="@{/service}">服务项目</a></li>
		<li><a th:href="@{/case?pageSize=9}">案例展示</a></li>
		<li><a th:href="@{/news}">新闻中心</a></li>
		
		<li><a th:href="@{/job}">人才发展</a></li>
		<li><a th:href="@{/contact}">联系我们</a></li>
		<div class="scroll-nav"></div>
	</ul>
	<p class="p1 fr"><img th:src="@{/front/img/tel.png}"/><span>咨询热线:</span> <b>0551-12345678</b></p>
	<span class="searchbtn fr"><img th:src="@{/front/img/zoom.png}"/></span>
</div>
<div class="sousuo ">
	<div class="clearfix">
		<input type="text" value="" class="input1"  placeholder="请输入您要搜要的内容"   onfocus="this.placeholder='' " onblur="this.placeholder='请输入您要搜要的内容'"/>
		<input type="submit" name="" id="" value="搜索" class="sub" />
	</div>
</div>
<div class="banner">
	<ul class="bannerfix slides clearfix">
    	<li th:each="craousel:${wCarousels}">
    		<img class="bimg" th:src="${craousel.img}" />
    	</li>
	</ul>
	<div class="bamnline"><span></span></div>

</div>




<div class="newstip">
	<div class="w1240 clearfix">
		<div class="clearfix fl">
			<span class="fl"><img th:src="@{/front/img/laba.png}" alt="" /></span>
			<div class="bd fl">
				<ul class="infoList">
					<li th:each="notice:${notices}">
						<a href="">
							<p th:text="${notice.title}" class="p1">在园林景观设计中，你知道庭院景观有哪些设计要素吗?</p>
							<p th:text="${#calendars.format(notice.publishDate,'yyyy-MM-dd')}" class="p2">2019-06-17</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="hd fr">
				<span class="prev"></span>
				<span class="next"></span>
			</div>
		</div>
		<!--<div class="fr div2">-->
			<!--<img th:src="@{/front/img/logo2.png}" alt="" />-->
		<!--</div>-->
	</div>
</div>

<div class="index-sec1">
	<div class="w1240 clearfix">
		<ul class="bigImg">
			<li th:each="service:${services}">
				<div class="left">
					<p class="p1">
						<b></b>
						tuo sheng<br />
						project
					</p>
					<p class="p2">服务项目</p>
					<p class="p3" th:text="${service.intro}">以匠人之心打造传世精品，探究未知的世界</p>
					<div class="div1">
						<p class="p4" th:text="${service.title}">建筑装修装饰工程专业承包</p>
						<p class="p5" th:text="${service.englishTitle}">Professional Contracting of Building DAecoration and Decoration Engineering</p>
					</div>
					<p class="p6" th:utext="${service.content}">主体与建筑及周围环境这个客体有机结合，加入生态美学的观点，把人与自然、人与环境的关系作为一个生态系统和有机整体来研究，既不是脱离自然与环境去研究孤立的人，也不是脱离人去研究纯客观的自然与环境。</p>
					<div class="div2 clearfix">
						<a href="" class="a1">查看详情 + </a><a href="" class="a2">立即咨询</a>
					</div>
				</div>
				<div class="right">
					<img th:src="${service.img}" alt="" />
				</div>
			</li>
		</ul>
		<div class="smallScroll">
			<a href="javascript:void(0)" class="sPrev prevStop" ><img th:src="@{/front/img/prev.png}" alt="" /></a>
			<div class="smallImg">
				<ul class="clearfix">
					<li th:each="service:${services}">
						<a href="">
							<img th:src="${service.img}"/>
						</a>
					</li>

				</ul>
			</div>
			<a href="javascript:void(0)" class="sNext nextStop"><img th:src="@{/front/img/next.png}" alt="" /></a>
		</div>
		<div class="greenbg"></div>
	</div>
</div>

<div class="index-sec2">
	<div class="w1240">
		<div class="title clearfix">
			<div class="fl">
				<h2>Landscape Garden</h2>
				<p class="p1">TuoSheng  <b></b></p>
			</div>
			<a href="" class="more fr">查看更多 +</a>
		</div>
		<p class="p3" th:text="${wAbout.companyName}">xxxxxx建设工程有限公司</p>
		<p class="p4" th:text="${wAbout.intro}">
			xxxxxx建设工程有限公司成立于二零一二年，目前为安徽风景园林协会理事单位。是集园林产业、市政产业等多方发展的综合性企业。目前公司由具有二级建造师12名、工程
			师25名、高级工程师5名、管理经营人才5名、50 余名初中级工程专业技术人员组成的园林专业团队为亭台楼榭、花光水影、小园香径倾尽智慧。
		</p>
		<ul class="clearfix">
			<li>
				<a href="">
					<strong th:text="${#dates.format(wAbout.establishTime,'yyyy')}">2012</strong>
					<p>拓盛建设工程公司成立于<i th:text="${#dates.format(wAbout.establishTime,'yyyy')}">2012</i>年</p>
				</a>
			</li>
			<li>
				<a href="">
					<strong th:text="${wAbout.money}">6000</strong><b>万</b>
					<p>公司注册资金 <i th:text="${wAbout.money}">6000</i> 万元</p>
				</a>
			</li>
			<li>
				<a href="">
					<strong th:text="${wAbout.num}">1100</strong>
					<p>员工数量超过<i th:text="${wAbout.num}">1100</i>人</p>
				</a>
			</li>
			<li>
				<a href="">
					<strong th:text="${wAbout.customNum}">2000</strong><b>万</b>
					<p>拓盛建设公司警官用户超过<i th:text="${wAbout.customNum}">2000</strong>万</p>
				</a>
			</li>
		</ul>

	</div>
</div>

<div class="index-sec3">
	<div class="tit">
		<h2>案例展示</h2>
		<h3>以匠人之心打造传世精品，探究未知的世界</h3>
		<img th:src="@{/front/img/bolang.png}" alt="" />
	</div>
	<div class="w1240">
		<div class="bd">
			<ul class="picList">
				<li th:each="case:${caseList}">
					<a th:href="@{/case/details(caseId=${case.id})}">
						<figure><img th:src="${case.img}"/></figure>
						<figcaption>
							<p class="p1" th:text="${#calendars.format(case.publishTime,'yyyy-MM-dd')}">2018-05-03</p>
							<p class="p2" th:text="${case.title}">畅享个性人生，百变家居风格</p>
							<!--						<p class="p3" th:utext="${#strings.substring(news.content,0,10)}">混搭风格往往最能体现出主人个人的兴趣爱好，在颜色选择上既要符合自己和家人的...</p>-->
						</figcaption>
					</a>
				</li>
			</ul>
		</div>
		<div class="hd">
			<span class="prev"></span>
			<span class="next"></span>
		</div>
	</div>
</div>
<div class="index-sec4">
	<div class="tit">
		<h2>新闻资讯</h2>
		<h3>以匠人之心打造传世精品，探究未知的世界</h3>
		<img th:src="@{/front/img/bolang.png}" alt="" />
	</div>
	<div class="w1240">
		<ul class="clearfix">
			<li th:each="news:${newsList}">
				<a th:href="@{/news/details(newsId=${news.id})}">
					<figure><img th:src="${news.img}"/></figure>
					<figcaption>
						<p class="p1" th:text="${#calendars.format(news.publishDate,'yyyy-MM-dd')}">2018-05-03</p>
						<p class="p2" th:text="${news.title}">畅享个性人生，百变家居风格</p>
						<!--						<p class="p3" th:utext="${#strings.substring(news.content,0,10)}">混搭风格往往最能体现出主人个人的兴趣爱好，在颜色选择上既要符合自己和家人的...</p>-->
					</figcaption>
				</a>
			</li>

		</ul>
	</div>
</div>

<div class="footer">
	<div class="w1240">
		<div class="div1 clearfix">
			<a href="" class="logo fl"><img th:src="@{/front/img/logobai.png}"/></a>
			<ul class="clearfix fr">
				<li><a th:href="@{/}">网站首页</a></li>
				<li><a th:href="@{/about}">关于我们</a></li>
				<li><a th:href="@{/service}">服务项目</a></li>
				<li><a th:href="@{/case?pageSize=9}">案例展示</a></li>
				<li><a th:href="@{/news}">新闻中心</a></li>
				
				<li><a th:href="@{/job}">人才发展</a></li>
				<li><a th:href="@{/contact}">联系我们</a></li>
			</ul>
		</div>
		<div class="div2 clearfix">
			<div class="left fl">
				<p class="p1">
					公司地址：XX市XXX区XXXX街道XXX小区<br />
					Copyright©2019 xxxxxx建设工程有限公司 版权所有<br />
					备案号：皖ICP备xxxxxxxx号-1      技术支持：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a>
				</p>
				<a href=""><img th:src="@{/front/img/qqq.png}"/></a>
				<a href="javascript:void(0)"><img th:src="@{/front/img/weixin.png}"/></a>
				<a href=""><img th:src="@{/front/img/weibo.png}"/></a>
			</div>
			<div class="right fr">
				<p class="p3">免费咨询方式</p>
				<p class="p4">0551-12345678</p>
			</div>
		</div>
		<div class="div3">
			<span>友情链接：   </span>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
			<a href="">西安景观石</a><a href="">西安景观石</a><a href="">西安景观石</a>
		</div>
	</div>
</div>




<script src="http://www.5imoban.net/download/jquery/jquery-3.3.1.min.js"></script>
<script src="http://www.5imoban.net/download/SuperSlide/SuperSlide.2.1.3.js"></script>
<script th:src="@{/front/js/plugin.js}"></script>
<script th:src="@{/front/js/banner.js}"></script>
<script th:src="@{/front/js/index.js}"></script>
<script th:src="@{/front/js/more.js}"></script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
  Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
  <a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>
